<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%
String name=(String)session.getAttribute("name"); %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link type="text/css" rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/slider.js"></script>  
<SCRIPT src="js/jquery.min.js" type=text/javascript></SCRIPT>

<SCRIPT type=text/javascript>
$(document).ready(function() {	
	$("#menu1 li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
	
	$("#menu1 li").each(function() { //For each list item...
		var linkText = $(this).find("a").html(); //Find the text inside of the a tag
		$(this).find("span").show().html(linkText); //Add the text in the span tag
	}); 
	
	$("#menu1 li").hover(function() {	//On hover...
		$(this).find("span").stop().animate({ 
			marginTop: "-40" //Find the span tag and move it up 40 pixels
		}, 250);
	} , function() { //On hover out...
		$(this).find("span").stop().animate({
			marginTop: "0" //Move the span back to its original state (0px)
		}, 250);
	});	
	
	/*	2nd example	*/
	$("#menu2 li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
	
	$("#menu2 li").each(function() { //For each list item...
		var linkText = $(this).find("a").html(); //Find the text inside of the a tag
		$(this).find("span").show().html(linkText); //Add the text in the span tag
	}); 
	
	$("#menu2 li").hover(function() {	//On hover...
		$(this).find("span").stop().animate({ 
			marginTop: "-40" //Find the span tag and move it up 40 pixels
		}, 250);
	} , function() { //On hover out...
		$(this).find("span").stop().animate({
			marginTop: "0" //Move the span back to its original state (0px)
		}, 250);
	});	
});
</SCRIPT>
<title></title>
</head>
<body>

<span style="color:white">欢迎你：<%=name %></span>
<hr>
<div id="menu1">
  <ul>
	<li><a href="home.jsp">首　　 页</a></li>
	<li><a href="serv.jsp">服          务</a></li>
	<li><a href="sasion.jsp">话          题</a></li>
	<li><a href="person.jsp">个           人</a></li>
	
  </ul>
  <div class="cls"></div>
</div>


<div id="col">
    <dl class="sliderbox" id="slider2">                        
        <dt class="open"><span class="title">蹭课</span></dt>
        <dd>
        <div class="thumb"><a href="" onclick="window.open(this.href); "><img src="images/cata-launch.jpg" alt="TITLE01"></a></div>
        <div class="text">
      <form id=form5 name=form5 methon="post" action="">
						<input type=text id=006 value="请准确输入课程全名">
						<input type=text id=007 value="请正确输入老师姓名">
						<input type=submit id=008 value="蹭课查询">
						</form><div>
       
        </div>
        
        </div>
        </dd>                            
    
        <dt><span class="title">自习</span></dt>
        <dd>
        <div class="thumb"><a href=""><img src="images/101208.jpg" alt="TITLE02"></a></div>
        <div class="text">
        <from id=form5 name=form5 methon="post" action="">
					  <label for="select">选择教学楼</label>
    <select name="select" size="1" id="select">
      <option selected="selected">一工</option>
      <option>二工</option>
      <option>四工</option>
    </select>
    				  <label for="select">日期</label>
    <select name="select" size="1" id="select">
      <option selected="selected">今天</option>
      <option>明天</option>
      <option>后天</option>
    </select>
    				  <label for="select">节次</label>
    <select name="select" size="1" id="select">
      <option selected="selected">第一大节</option>
      <option>第二大节</option>
      <option>第三大节</option>
      <option>第四大节</option>
      <option>第五大节</option>
    </select>
					<input type=submit id="005" value="点击查询">
					</from>
        </div>
        </dd>                            
    
        <dt><span class="title">图书馆查询</span></dt>
        <dd>
        <div class="thumb"><a href=""><img src="images/cat.jpg" alt="TITLE03"></a></div>
        <div class="text">
       <form id="form3" name="form3" method="post" action="">
  <label for="001"></label>
  <input name="001" type="text" id="001" value="教务处学号" />
   <label for="02"></label>
   <input type="password" name="02" id="02" />
  <input type="submit" name="button" id="button" value="登录" />
</form>
        </div>
        </dd>                            
    
        <dt><span class="date">
      
        </span><span class="title">考试查询</span></dt>
        <dd>
        <div class="thumb"><a href="" onclick="window.open(this.href);"><img src="images/101206.jpg" alt="TITLE04"></a></div>
        <div class="text">
        <form id=form4 name=form4 methon="post" action="">
					
<input type=text  id= 001 value="请输入教务处学号">
<input type=password id=002 value="请输入教务处学号">	
<input type=submit id=003 value="查询">			
					</form>
	</dl>
    <script type="text/javascript">
        var slider2=new accordion.slider("slider2");
        slider2.init("slider2",0,"open");
	</script>
    </div>
    
</body>
</html>

